/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }

body {
	background-color: #eee;
	/*margin: 40px;*/
	font: 13px/20px normal Helvetica, Arial, sans-serif;
	color: #4F5155;
    background-image: url('../img/texture_3.png');
}

a {
	color: #003399;
	background-color: transparent;
	font-weight: normal;
}

h1 {
	color: #444;
	background-color: transparent;
	border-bottom: 1px solid #D0D0D0;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 14px 0;
	padding: 14px 15px 10px 15px;
}

code {
	font-family: Consolas, Monaco, Courier New, Courier, monospace;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}

#body{
	margin: 0 15px 0 15px;
}

p.footer{
	text-align: right;
	font-size: 11px;
	border-top: 1px solid #D0D0D0;
	line-height: 32px;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
    clear: both;
}

/* Main struct */
#container { overflow: hidden; clear: both; }
#top {clear: both; height: 60px; background-color: #222;}
#top #statusbar { height: 25px; background-color: #000; text-align: right; padding-right: 14px; color: #ddd; font-size: 11px; line-height: 25px; }
#top #tools { height: 35px; }

#db_selection { width: 180px; background-color: #fff; float: left;  }
#table_selection { width: 220px; background-color: #fff; float: left; }
#form_view { display: inline-block; width: 960px; }

#db_selection ul { border-right: 1px solid #ccc; height: 100%; }
#db_selection ul li { line-height: 25px; border-bottom: 1px solid #eee; padding-left: 8px; font-size: 13px; }
#db_selection ul li:hover { background-color: #eee; }
#db_selection ul li:hover a { text-decoration: underline; color: #000; }
#db_selection ul li a { text-decoration: none; color: #444; }
#db_selection ul li a:hover { text-decoration: underline; color: #000; }
#db_selection ul li a:active { font-weight: bold; }
#table_selection .inner { height: 100%; -moz-box-shadow: inset 4px 0px 8px #eee;  -webkit-box-shadow: inset 4px 0px 8px #eee;  box-shadow: inset 4px 0px 8px #eee; border-right:  1px solid #fff;}




.box { margin: 30px; border: 1px solid #D0D0D0; -webkit-box-shadow: 0 0 8px #D0D0D0; -moz-box-shadow: 0 0 8px #D0D0D0; background-color: #fff; }
.box.small { width: 500px; margin: auto; margin-top: 30px; }
.innerbox { padding:  14px; }



.side h2 {
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3 0%), to(#dddddd 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #b4b4b4;
  border-right: 1px solid #dfdfdf;
  color: #333;
  font: bold 13px "helvetica neue", helvetica, arial, sans-serif;
  margin: 0;
  padding: 7px 0;
  text-shadow: 0 1px 1px #fff;
  text-align: left;
  text-indent: 8px;
}